*{
    margin:0;
    padding:0;
    list-style: none;
}
html{
    font-size:20px;
}
.wrap{
    width:18rem;
    height:32rem;
}
.bck{
    width:18rem;
    height:32rem;
    background:url(../img/background.png) no-repeat;
    background-size:100%;
    position:relative;
}
.contentImg {
    width: 14rem;
    height: 20rem;
    position: absolute;
    left: 1.8rem;
    top: 5rem;
}
.contentImg>img {
    width: 14rem;
    height: 20rem;
    display: block;
}
.allBtn{
    text-align: center;
    position:absolute;
    top: 26rem;
    left: 3.5rem;
}
.more {
    width: 120px;
    height: 30px;
    font-size: 18px;
    text-align: center;
    line-height: 30px;
    display: inline-block;
    background: #e9daa3;
    color: white;
    border-radius: 15px;
}
.poster{
    width: 120px;
    height: 30px;
    font-size: 18px;
    text-align: center;
    line-height: 30px;
    display: inline-block;
    background: red;
    color: white;
    border-radius: 15px;
}

/* 页面的遮罩层1 */
.shadeBox{
    width:18rem;
    /* height:32rem; */
}
.cover{ 
    position:absolute;left:0px;top:0px;
    background:rgba(0, 0, 0, 0.966);
    width:18rem;  /*宽度设置为100%，这样才能使隐藏背景层覆盖原页面*/
    height:32rem;
    filter:alpha(opacity=60);  /*设置透明度为60%*/
    opacity:0.9;  /*非IE浏览器下设置透明度为60%*/
    display:none; 
    z-Index:999;  
}
.modal {
    width: 13.1rem;
    height: 22rem;
    left: 2.5rem;
    top: 18%;
    position: absolute;
    display: none;
    cursor: pointer;
    z-Index: 9999;
}
.close {
    width: 1.8rem;
    height: 1.8rem;
    border-radius: 50%;
    color: white;
    background: none;
    font-size: 2rem;
    text-align: center;
    position: absolute;
    right: 0;
    line-height: 2rem;
}
.qrCode {
    width: 13.1rem;
    height: 16rem;
    position: absolute;
    top: 3rem;
}
.qrCode>img {
    width: 13.1rem;
    height: 16rem;
    display:block;
    position: absolute;
}

/* 加载状态 */
.cover2{ 
    position:absolute;left:0px;top:0px;
    background:rgba(0, 0, 0, 0.966);
    width:18rem;  /*宽度设置为100%，这样才能使隐藏背景层覆盖原页面*/
    height:32rem;
    filter:alpha(opacity=60);  /*设置透明度为60%*/
    opacity:0.95;  /*非IE浏览器下设置透明度为60%*/
    display:none; 
    z-Index:999;  
}
.loding {
    width: 10rem;
    height: 6rem;
    z-Index: 9999;
    position: absolute;
    background: white;
    border-radius: 0.5rem;
    left: 4rem;
    top: 40%;
    display: none;
}
.gifImg {
    text-align: center;
    margin-top: 1rem;
}
.oFont{
    text-align:center;
    font-size:0.5rem;
    margin-top: 0.8rem;
}
/* 分享图片 */
.cover3{ 
    position:absolute;left:0px;top:0px;
    background:rgba(0, 0, 0, 0.966);
    width:18rem;  /*宽度设置为100%，这样才能使隐藏背景层覆盖原页面*/
    height:32rem;
    filter:alpha(opacity=60);  /*设置透明度为60%*/
    opacity:0.99;  /*非IE浏览器下设置透明度为60%*/
    display:none; 
    z-Index:999;  
}
.oCoentBox {
    width: 15.8rem;
    z-Index: 9999;
    /* height: 32rem; */
    position: absolute;
    left: 1rem;
    top: 0.5rem;
    border-radius: 0.5rem;
    display: none;
}
.oBlue {
    width: 15.8rem;
    height: 2rem;
    background: #1578b9;
    color: white;
    font-size: 0.5rem;
    text-align: center;
    position: absolute;
    top: 2.6rem;
    font-size: 0.7rem;
    line-height: 2rem;
}
.aImg {
    position: absolute;
    top: 4.6rem;
}
.aImg>img{
    width: 15.8rem;
    height: 26rem;
    display: block;
}

.close1 {
    width: 1.8rem;
    height: 1.8rem;
    border-radius: 50%;
    color: white;
    background: none;
    font-size: 1.8rem;
    text-align: center;
    position: absolute;
    right: 0;
    line-height: 1.8rem;
}
.oText {
    position: absolute;
    color: #564407;
    font-size: 0.4rem;    
    top: 17%;
    left: 4rem;
}